<template>
	
	
	<view>
		<uni-list>
			
			
		
			<uni-list-item direction="row" v-for="item in user" :key="item.id" title="钢瓶编号" 
			:note="item.id"  :rightText="item.note5" link="navigateTo" @click="onClick(item)"
			>
			</uni-list-item>
			
			<!-- <uni-list-item title="列表文字" note="列表描述信息" rightText="右侧文字" />
			<uni-list-item title="列表禁用状态" rightText="右侧文字" :disabled="true" />
			<uni-list-item title="展示箭头" showArrow />
			<uni-list-item title="展示箭头" showArrow rightText="右侧文字" />
			<uni-list-item title="弹窗提示.加了clickable点击时有按压效果" clickable @click="onClick" />
			<uni-list-item title="页面跳转,可返回" @click="onClick" :to="`./ad`"/>
			<uni-list-item title="关闭当前页面打开新页面" link="redirectTo" to="./chat" @click="onClick" />
			<uni-list-item title="跳转到另一个页面,可返回" link="navigateTo" to="./chat" @click="onClick" />
			<uni-list-item :ellipsis="1" title="文字溢出隐藏.:ellipsis=1表示超长文字显示一行.以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字" showArrow rightText="右侧文字" />
			<uni-list-item :ellipsis="2" title="文字溢出隐藏.:ellipsis=2表示超长文字显示二行,以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字" showArrow rightText="右侧文字" />
			<uni-list-item title="内容全部显示.以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字" showArrow rightText="右侧文字" /> -->
				
			
			
		
		</uni-list>
		<u-divider>已经到底了</u-divider>
	</view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {
				value: 0,
				range: [
				        { value: 0, text: "篮球" },
				        { value: 1, text: "足球" },
				        { value: 2, text: "游泳" },
				      ],
				user: [],
			};
		},
		
		created(){
			this.getList();
		},
		methods: {
			onClick(item) {
				//console.log(item.id+"55")
				// uni.showToast({
				// 	title: '点击反馈'
				// });
				let msg = "/pages/sys/msg/details"
			    let kk = msg+"?id="+item.id
				console.log(kk+"ooo")
				uni.navigateTo({					
				    url:kk,					
				});
			},
			change(e) {
			      console.log("e:",this.value);
			    },
			getList() {				
			      this.$u.api.user1.lookInfo({										
				  }).then(response => {
			      this.user = response.data;
				  
				  console.log(response.data+"ccccc")
			      this.loading = false;
			      });
			    },
			onReachBottom() { //触底事件
						
						if (this.user.length<10) {
							uni.showToast({
								title: '没有更多数据了',
								icon: 'none',
								duration: 1000
							});
							setTimeout(() => {
								uni.hideLoading()
							}, 500)
						} else {
							if (this.data.pageNum <= this.data.pageNum - 1) {
								setTimeout(() => {
									uni.hideLoading()
								}, 500)
							} else {
								uni.showLoading({
									title: '加载中'
								});
								this.data.pageNum++
								this.getList()
							}
							setTimeout(() => {
								uni.hideLoading()
							}, 500)
						}
			},
		}
	};
</script>